<h2 class="ngdialog-title">收货地址</h2>
<form class="ngdialog-main">
    <table width="100%">
        <tbody>
        <tr>
            <td i="header" class="ui-dialog-header" style="display: none;">
                <button i="close" class="ui-dialog-close" title="关闭" data-rpno="1.8">×</button>
                <div i="title" class="ui-dialog-title" id="title:1463646427038"></div>
            </td>
        </tr>
        <tr>
            <td i="body" class="ui-dialog-body">
                <div i="content">
                    <div id="selectAreaListWrap" width="100%">
                        <!-- 大区 -->
                        <div class="p-row" ng-repeat="item in areaData track by $index">
                            <div class="p-side fw-b d-ib w-15">
                                <input type="checkbox" class="mr-5 p-region" ng-model="item.isSelect" ng-change="selectAll(item.provinceAreaDTOList,item.isSelect)">
                                {{item.regionName}}
                            </div>
                            <div class="d-ib w-80 p-province-wrapper">
                                <!-- 省 -->
                                    <span class="p-province-cell mr-10" id="provinceData{{provinceItem.id}}" ng-repeat="provinceItem in item.provinceAreaDTOList track by $index">
                                        <input type="checkbox" class="p-province" ng-model="provinceItem.isSelect" ng-click="provinceSelectAll(provinceItem,item)">
                                        <span class="ml-5 d-ib">{{provinceItem.areaName}}</span>
                                        <span class="cor-red d-ib" ng-if="!provinceItem.isSelect && provinceItem.selectNum">({{provinceItem.selectNum}})</span>
                                        <span class="iconfont icon-jia fs-12" style="margin-left: 2px;" ng-click="provinceClick(provinceItem,$parent.$index)"></span>
                                    </span>

                                <div class="p-city-wrapper" ng-if="areaSelectData.areaSelectIndex === $index">
                                    <!-- 市 -->
                                        <span class="p-city-cell mr-10" ng-repeat="areaItem in areaSelectData.areaData track by $index">
                                            <input type="checkbox" class="p-city" ng-model="areaItem.isSelect" ng-change="areaSelectAll(areaItem,item)">
                                            <span class="ml-5">{{areaItem.areaName}}</span>
                                            <!--<span class="cor-red" ng-if="!areaItem.isSelect && areaItem.selectNum">({{areaItem.selectNum}})</span>-->
                                            <!--<span class="iconfont icon-btn get-rural-btn" ng-click="countyToggle($index)">&#xe615;</span>-->
                                            <!--<div class="county p-10" ng-class="{'active' : areaSelectData.countySelectIndex == $index}">-->
                                                <!--<span class="p-province-cell" ng-repeat="countyItem in areaItem.childList track by $index">-->
                                                    <!--<input type="checkbox" class="mr-5 p-province" ng-model="countyItem.isSelect" ng-click="countySelect(countyItem,areaItem,item)">{{countyItem.areaName}}-->
                                                <!--</span>-->
                                                <!--<div class="ta-r pr-20 lh-20px">-->
                                                    <!--<a class="cor-red" ng-click="countyToggle($index)">关闭</a>-->
                                                <!--</div>-->
                                            <!--</div>-->
                                        </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </td>
        </tr>
        </tbody>
    </table>
    <div class="mt-10 ta-c">
        <button class="btn br-5" ng-click="submit()" data-rpno="1.7">提交</button>
    </div>
</form>

<style>
    .offer-info-table th{background: #5182bb;color: #fff;}
    .offer-info-table .one{background: #dbe5f0;}
    .offer-info-table tr:nth-child(odd){background: #ebf2f9;}
    .offer-info-table td,
    .offer-info-table th{border-color: #000;}
</style>


<style>
    #selectAreaListWrap .count-num-wrapper {
        color: red;
    }

    #selectAreaListWrap .p-row {
        margin-bottom: 10px;
        padding: 0 5px;
        width: 100%;
        line-height: 30px;
    }

    #selectAreaListWrap .even {
        background-color: #ECF4FE;
    }

    #selectAreaListWrap .p-province-cell {
        display: inline-block;
        /*width: 19%;*/
        /*overflow: hidden;*/
    }

    #selectAreaListWrap .p-city-wrapper {
        margin-left: -5px;
        padding: 0 5px;
        width: 100%;
        background-color: #ededed;
    }

    #selectAreaListWrap .county{
        position: absolute;
        left: 0;
        top: 30px;
        background: #fef4f3;
        border:1px solid #e2afae;
        width: 450px;
        z-index: 999;
        display: none;
    }

    #selectAreaListWrap .county.active{
        display: block;
    }


    #selectAreaListWrap .p-city-cell {
        position: relative;
        display: inline-block;
        /*width: 19%;*/
    }

    .p-rural-wrapper {
        width: 90%;
        line-height: 30px;
    }

    .p-rural-cell {
        display: inline-block;
    }

    #selectAreaListWrap .icon-btn {
        margin: 0 5px;
        font-weight: bold;
        cursor: pointer;
    }
</style>